<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <style>
      @layer reset {
        body {
          margin: unset;
        }
      }

      .mask {
        width: 300px;
        min-height: 300px;
        background-image: url(images/bird.jpg);
        background-size: cover;
        background-position: 100%;
        -webkit-mask-image: url(images/star-mask.png);
        mask-image: url(images/star-mask.png);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
      }
    </style>
  </head>
  <body>
    <div class="mask"></div>
  </body>
</html>
